<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>表单</title>
    <!--告诉浏览器当前网页采用的编码格式是utf-8-->
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
</head>
<body>
<form action="">
    <!--
    maxlength：表示最多输入的字符数
    readonly:只读，不能输入内容
    value:文本框里输入的内容
    -->
    文本标签：<input type="text" maxlength="7" readonly="true" value="测试测试测试"><br>
    密码框：<input type="password"><br/>
    <!--
    单选情况：只有属于同一组的radio才能达到单选效果，所谓同一组，name的值要一致。
    checked：打开网页后，默认选中
    -->
    单选按钮（性别）：
            男 <input type="radio" name="sex">
            女 <input type="radio" name="sex" checked="true"> <br/>

    <!--
    对于多选按钮来，属于同一个组，就是name值要一样
    checked:打开网页后，默认选中
    -->
    多选按钮（兴趣）：
          足球 <input type="checkbox" name="inter">
          篮球 <input type="checkbox" name="inter">
          乒乓球 <input type="checkbox" name="inter">
          羽毛球 <input type="checkbox" name="inter">
          学习 <input type="checkbox" name="inter" checked="true">
    <br>
    下拉列表：
    <!--
    默认：只能选择一个选项option
          分组项是不能选中的
    打开网页时，默认的选项是第一项，如果要设置其他项， selected=true

    如果select要多选   multiple

    -->
    <select>
        <option >=====请选择=====</option>
        <optgroup label="西部">
            <option >陕西</option>
            <option >甘肃</option>
        </optgroup>
        <optgroup label="中部">
            <option selected="true">山西</option>
            <option >河南</option>
        </optgroup>
        <optgroup label="东部">
            <option >北京</option>
            <option >山东</option>
        </optgroup>
    </select>  <br/>

    学习的语言：
    <select multiple="true">
        <option>python基础</option>
        <option>网页前端——html</option>
        <option>网页前端——css</option>
        <option>网页前端——javascript</option>
        <option>后端——djiango</option>
        <option>后端——flask</option>
    </select>
    <br>
    <!--
    文本域：里面可以输入多行内容     文本框：里面只能输入一行内容


    -->
    文本域：
    <textarea rows="10" cols="20"></textarea>
     <br/>
    <!--
    html 4： 单文件选择
    html 5:
            多文件选择
                选择多个文件：multiple   crtl
                选择文件夹：webkitdirectory directory
    -->
    文件上传组件：
    <input type="file">  <br/>
    隐藏域：
    <input type="hidden">
    <hr/>
    <input type="submit" value="登录">
    <input type="image" src="images/hot_tel.jpg">
    <input type="reset" value="取消">
    <input type="button" value="普通按钮">
</form>



</body>
</html>